.mybgcolor(@color){
  background-color:@color;
}

body{
  font-size: 62.5%;
  //font-family: '微软雅黑'!important;
}
//ͷ��
#header{
  border: 0px ;
  .myhead{
    text-shadow: none!important;
    padding:15px 0px;
    background-color: #161d2b;
    height: 100%;
    i{
      color: #fec722;
      font-size: 2rem;
    }
    span{
      color:#fec722;
      border: 1px solid #fec722;
      padding: 6px 10px;
      margin-left: 30%;
      border-radius: 5px;
      margin-top: 5px;
    }
    p{
      display: inline-block;
      color: #ffffff;
      font-size: 0.8rem;
      margin-left:10%;
    }
  }
  .ui-title{
    color: #ffffff;
    .mybgcolor(#1e222d);
    padding:7px 60px;
    margin: 0px;
    position: relative;
    span.back{
      display: inline-block;
      //padding: 3px 3px;
      margin-left: -90%;
      line-height: 34px;
      font-size: 14px ;
      color:#babec7;
      text-shadow: none;
      i{
        font-size:1.6rem;
        margin-top:6%;
      }
    }
    span.title-text{
      position: relative;
      left: 33%;
    }
  }
}

.ui-content{
  padding: 0px!important;
  .content-success{
    padding: 0 0 5px 0;
    img{
      width:50%;
      margin-left:25%
    }

  }
  .bg{
    padding: 6px 0;
    .mybgcolor(#f0f0f0)
  }
  table{
    margin-left: 3%;
    width: 90%;
    tr{
      //.mybgcolor(red);
      td{
        font-size:1.1rem;
        padding: 8px 6px 8px 0;
        color:#545454;
        //font-weight:500;
      }
     .blod{
       font-weight: 600;
       border-bottom: 1px solid #ebebeb;
     }
    }
  }
  ul{
    color: #565656;
    font-weight:600;
    line-height: 25px;
  }
  .myimg{
      width: 80%;
      height: 500px;
      position: absolute;
    left: 30px;
    background-color: rgba(0,0,0,0.8);
      top: 0px;
      display: none;
      img{
        height: 400px;
        margin-left: 50px;
      }
    }
}

